<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <title>QuizMe</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="../js/personal.js"></script>
    <script src="../js/simpleajax.js"></script>

    <link href="../css/close.css" rel="stylesheet">
    <link href="../include/bootstrap/css/bootstrap.css" rel="stylesheet">


</head>

<body>

    <body class="is-preload">
        <div id="page-wrapper">
            <!-- Header  导航栏 -->
            <header id="header">
                <nav id="nav" class="navbar navbar-expand-lg navbar-light bg-light">
                    <a class="navbar-brand" href="#">QuizMe</a>
                    <div class="collapse navbar-collapse" id="navbarNav">
                        <ul class="navbar-nav">
                            <li class="nav-item">
                                <a class="nav-link" href="../index.html">Home</a>
                            </li>
    
                            <li class="nav-item">
                                <a class="nav-link" href="../html/choose.html" style="text-decoration: none">Quiz Now</a>
                            </li>
    
                            <li id="login" class="nav-item">
                                <a class="nav-link" href="../html/login.html" style="text-decoration: none">Login Now</a>
                            </li>
                            <li id="login-out" class="nav-item">
                                <a class="nav-link" href="../html/logout.html" style="text-decoration: none">Login out
                                    Now</a>
                            </li>
                            <li id="profile" class="nav-item">
                                <a class="nav-link" href="../html/personal.html" style="text-decoration: none">Personal
                                    information</a>
                            </li>
                        </ul>
                    </div>
    
                </nav>
            </header>
            <h2 id="name" class="alert alert-secondary" style="text-align: center;"></h2>

            <div class="row justify-content-center">
                <div class="col-4">
                  <div class="card">
                    <div class="card-body">
                      <h5 class="card-title">Quiz History</h5>
                      <p class="card-text">Click here to check your quiz history.</p>
                      <a id="profile" href="../html/profile.html" class="btn btn-primary">History</a>
                    </div>
                  </div>
                </div>
                <div class="col-4">
                  <div class="card">
                    <div class="card-body">
                      <h5 class="card-title">Question Manage</h5>
                      <p class="card-text">Click here to manage questions.</p>
                      <a id="question" href="../html/questionmanage.html" class="btn btn-primary">Management</a>
                    </div>
                  </div>
                </div>
              </div>

            
    </body>
    <div id="footer">
        Tianjin University TIEI &copy; 2023
    </div>
</body>

</html>


